<template>
  <div class="box"></div>
</template>

<script>
export default {
  mounted() {
    /**
     * 涉及到DOM相关的操作，推荐使用
     *    1. this.$el 获取组件根元素DOM对象
     *    2. ref 标记
     */
    console.log(this.$el);

    //定义地图中心点坐标
    var center = new TMap.LatLng(39.98412, 116.307484);

    //定义map变量，调用 TMap.Map() 构造函数创建地图
    var map = new TMap.Map(this.$el, {
      center: center, //设置地图中心点坐标
      zoom: 17.2, //设置地图缩放级别
      pitch: 43.5, //设置俯仰角
      rotation: 45, //设置地图旋转角度
    });
  },
};
</script>

<style lang="scss" scoped>
.box {
  width: 500px;
  height: 300px;
  border: 1px solid #000;
}
</style>
